<template>
    <div class="card-container">
             <div class="title-container">肥胖者年龄与性别分布</div>
             <div class="chart" id="ping"></div>
     </div>
 </template>
 
 <script setup>
 import {ref ,onMounted} from 'vue'
 import * as echarts from 'echarts';
 
 
 
 const init=()=>{
 
 }
 
 
 onMounted(()=>{
  init()
 })
 </script>
 
 <style lang="scss" scoped>
 .card-container{
     width: 400px;
     height: 350px;
    
 }
 .title-container{
    
     color: rgb(255, 255, 255);
     font-size: 18px;
     width: 100%;
     display: flex;
     justify-content: center;
     position: relative;
     top:10px;
     
 }
 .chart{
     width: 100%;
     height: 300px;
     display: flex;
     justify-content: center;
 }
 </style>